<!--定义网页根元素HTML-->
<!DOCTYPE html>
<html><!--<***>开始标记-->
	<head>
		<meta charset="utf-8" />
		<!--在浏览器标签栏出现公司logo-->
		<link rel="icon" href="img/tyust.jpg">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>表单</h2><!--二级标题-->
		<form>
			用户名<input type="text" palceholder="请输入用户名"/>
			<br><!--换行-->
			密码<input type="password"/>
			<br>
			生日<input type="date"/>
			<br>
			性别<input type="radio" name="gender"/>男
			性别<input type="radio" name="gender"/>女
			<br>
			籍贯<select><!--单选-->
				<option>辽宁</option>
				<option>吉林</option>
				<option>黑龙江</option>
			</select>
			<br>
			爱好<input type="checkbox"/>抽烟<!--多选-->
			<input type="checkbox"/>喝酒
			<input type="checkbox"/>烫头
			<br>
			照片<input type="file"/><!--类型是文件类型-->
			<br>
			备注<textarea cols="80" rows="5"></textarea><!--多行文本框，长80，宽5-->
			<br>
			<input type="submit" value="注册"/><!--submit表示提交表单-->
			<input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<a href="http://www.tyust.edu.cn">太原科技大学官网</a>
		<h2>图片</h2>
		<img src="img/tyust.jpg" width="50px" height="50px"/>
		<h2>表格</h2>
		<table border="1px" width="500px"><!--指定表格的长度和宽度（可以不指定）-->
			<tr><!--行-->
			 <td>车次</td><!--列-->
			 <td>出发站</td>
			 <td>终点站</td>
			 <td>历时</td>		
			</tr>
			<tr>
				<td>G2606</td><!--列-->
				<td>北京南</td>
				<td>哈尔滨北</td>
				<td>5小时47分</td>	
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>z94</td><!--列-->
				<td>沈阳站</td>
				<td>北京站</td>
				<td>5小时24分</td>	
				<td>
					<button>预定</button>
				</td>
			</tr>
		</table>
		<h2>div</h2>
		<div>
			<!--放东西的，放的东西由程序员定-->
		</div>
		<h2>span</h2>
		<input type="text"/>
		<span style="color: red">用户名不能为空！</span>
		<h2>列表</h2>
		<ul><!--无序列表-->
			<li>物联网工程</li>
			<li>软件工程</li>
			<li>计算机</li>
			<li>智能科学与技术</li>
		</ul>
		<ol><!--有序列表-->
			<li>物联网工程</li>
			<li>软件工程</li>
			<li>计算机</li>
			<li>智能科学与技术</li>
		</ol>
	</body>
</html><!--</***>结束标记>
